<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器</title>
    <style>
        h1 {
            color: red;
        }

        h3 {
            color: yellow;
        }

        .cakin {
            color: green;
        }

        #cakin1 {
            color: blue;
        }

        #cakin2 {
            color: coral;
        }
    </style>
</head>
<body>
<h1>我用的是标签选择器，我显示红色</h1>
<h2 class="cakin">我用的是类选择器，我显示绿色</h2>
<h3 id="cakin1">我用的是id选择器，我显示蓝色</h3>
<!--优先级别：id选择器>类选择器>标签选择器-->
<h3 id="cakin2" class="cakin">因为id选择器的优先级高于类选择器，所以我用的是id选择器，我显示桔色</h3>
<h3 class="cakin">因为类选择器优先级高于标签选择器，所以我用的是类选择器，我显示绿色</h3>
</body>
</html>